<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  clip.style.height = '300px';
}
onload = function() {
  target.focus();
  runRepaintAndPixelTest();
}
</script>
<div id="clip" style="width: 200px; height: 50px; overflow: hidden">
  <!-- These two divs isolate layout of |target| from |clip|, so that we won't
       layout |target| on |clip|'s height change. -->
  <div style="width: 300px; height: 300px; overflow: hidden">
    <div style="width: 300px; height: 300px; overflow: hidden">
      <!-- Use negative margins to avoid scroll on focus which would cause extra invalidations. -->
      <input id="target" style="font-size: 100px; width: 100px; margin-top: -10px">
    </div>
  </div>
</div>
